import React from 'react';
import { Icon, Button } from 'antd';
import { history } from 'umi'

// 设置成功
const SuccessResult = ({ redirectId }) => {
    // 马上登陆
    const handleLogin = () => {
        history.push({
            pathname: '/recruitment/login',
            query: { id: redirectId }
        });
    };
    return (
        <div>
            <div
                style={{
                    fontSize: 28,
                    color: 'rgba(0,0,0,0.85)',
                    marginTop: 60,
                    marginBottom: 10,
                    display: 'flex',
                    alignItems: 'center'
                }}
            >
                <Icon type="check-circle" theme="filled" style={{ fontSize: 30, marginRight: 8, color: '#44C69D' }} />
                <b>重置密码成功</b>
            </div>
            <div
                style={{
                    height: 22,
                    fontSize: 16,
                    color: 'rgba(0,0,0,0.65)',
                    marginBottom: 36
                }}
            >
                你已成功重置密码，请使用新密码登录
            </div>
            <div>
                <Button onClick={handleLogin} block onc type="primary" size="large">
                    马上登录
                </Button>
            </div>
        </div>
    );
};

export default SuccessResult;
